<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>固定定位</title>
    <style>
        .qqlogo {
            position: fixed;
            top: 50%;
            left: 50%;
            right: 50%;
            bottom: 50%;
        }
    </style>
</head>

<body>
    <div class="qqlogo">
        <img src="../0.素材/图像/qqlogo.png" alt="">
    </div>
    固定定位的特点
    <ol>
        <li>以浏览器的可视窗口为参考点移动元素。</li>
        <ul>
            <li>跟父元素没有任何关系</li>
            <li>不随滚动条滚动。</li>
        </ul>
        <li>固定定位不在占有原先的位置。</li>
        <p>固定定位也是拖标的，其实可以看成是一种特殊的绝对定位。</p>
    </ol>
</body>

</html>